<template>
  <div class="list">
    <p v-show="todos.length===0" style="padding: 10px">暂无任务</p>
    <el-row v-for="(todo, index) in todos" :key="index">
      <Item :todo="todo" :index="index"/>
    </el-row>
  </div>
</template>

<script>

import Item from './Item'

export default {
  props: {
    todos: Array
  },
  components: {
    Item
  }
}
</script>

<style>
  .list {
    min-height: 30px;
    border-style: solid;
    border-color: #CCCCCC;
    border-width: 1px;
    border-top-width: 0px;
    border-bottom-width: 1px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-radius: 3px;
  }

  .list .el-row {
    padding: 0px;
  }
</style>
